<template>
    <el-container>
        <el-header height="70px">
            <TopHeader />
        </el-header>
        <el-container>
            <el-aside width="200px">
                <AsideMenu />
            </el-aside>
            <el-main>
                <router-view />
            </el-main>
        </el-container>
    </el-container>
</template>

<script setup lang="ts">
import AsideMenu from '@/components/AsideMenu/index.vue'
import TopHeader from '@/components/TopHeader/index.vue'
</script>

<style lang="less" scoped>
.el-header {
    background-color: #409eff;
}

.el-aside {
    background-color: #304156;
    height: calc(100vh - 70px);

    &::-webkit-scrollbar {
        width: 0;
    }
}

.el-main {
    height: calc(100vh - 70px);
}
</style>